<template>
  <div>
<my-header title="我的商圈"/>
<div class="store-body">
    <img src="../../../assets/cart_empty@2x.png">
    <span>抱歉，你暂未开店</span>
    <a href="javascript">你可以立即申请开店</a>
</div>
  </div>
</template>

<script>
import MyHeader from '../my/components/my-header.vue'
import { mapMutations } from 'vuex'
export default {
  name: '',
  components: {
    MyHeader
  },
  props: {},
  data () {
    return {

    }
  },
  computed: {},
  watch: {},
  created () {
    this.change(2)
  },
  mounted () {

  },
  methods: {
    ...mapMutations('m_myStores', ['changeActive']),
    change(i) {
      this.changeActive(i)
    }
  }
}
</script>

<style scoped lang="less">
/deep/.van-icon-arrow-left {
    color: #02b6fd !important;
}
.store-body {
    padding-top: 240px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    font-size: 35px;
  img{
      width: 160px;
      height: 160px;
  }
  span {
      margin-top: 40px;
      margin-bottom: 20px;
  }
  a {
      color: orangered;
  }
}
</style>
